<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>homework</title>
		<style>
			

			.card{
				
				width: 250px;
				padding:10px;
				border: 2px solid gray;
				font-size: 12px;
			}
			.card img{
				width: 100%;
				/* border: 1px solid red; */
			}
			h5{
				
				font-size: 18px;
			}
			p{
				
				color: #4456679;
			}
			a{
				height: auto;
				display: block;
				/* background-color: aqua; */
				margin-bottom: 10px;
			}
			.card span{
				
				color: aliceblue;
				padding: 2px 4px;
				font-size: 13px;
			}
			.card .s1{
				background-color: red;
			}
			.card .s2{
				background-color: green;
			}
			.card .s3{
				background-color: #4D00F9;
			}
			
		</style>
		
	</head>
	<body>
		<div class="card">
			<img src="./img/pic.jpg" alt="">
			<h5>￥5299.00</h5>
			<p>华硕无双 英特尔Evo平台 12代酷睿i5标压 15.6英寸2.8K 120Hz高刷轻薄笔记本电脑
             </p> 
			 <a href="#">华硕京东自营官方旗舰店</a>  
				
			<span class="s1">自营</span>
			<span class="s2">新品</span>
			<span class="s3">秒杀</span>
		</div>
		
		
		
		
	</body>
</html>